<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'appTable.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="./bamcss/bam.css">
	<link rel="stylesheet" type="text/css" href="./bamcss/bam.css">
<style type="text/css">
	.app_buwei{
			float: left;
			font-size: 14px;
			color: #FF8C00;
			font-weight: 800;
			height: 100%;
			width: 3.5%;
			background-color: #696969;
			
		}
	.app_buwei	span{
			background-color: #262626;
	}
		
		
	.app_buwei button{
			float: right;
			font-size: 11px;
			margin-right:10%;
			padding: 0% 5%;
			font-weight: 800;
	}
.app_kuang{
	border-top: solid 1px white;
}
.idenName{
	color: #696969;
	font-size: 13px;
}
.clear{
	clear: both;
}
a{
	color: black;
}


</style>
<script type="text/javascript" src="./plugin/jqueryqrcode/src/jquery.min.js"></script>
<script type="text/javascript">
	function appName(){
		var text = $("#appNametext").val();
		var textH = $("#appNametextH").val();
		if(text!=textH){
			var areaid = $("#appNameAreaid").val();
			var id = $("#appNameid").val();
			var type= $("#appNametype").val();
			var porstion= $("#appNamePorstion").val();
			 $.ajax({
			   type: "post",
			   url: "${pageContext.request.contextPath}/adver/Page_AjaxUpdateUrls.action",
			   data: {"urls.id" : id , "urls.urlText" : text,"urls.area.id":areaid,"urls.urlstype.id":type,"urls.porstion":porstion},
			   dataType:"json",
			   success: function(msg){
				  	$("#appNametext").val(msg);
				  	$("#appNametextH").val(msg);
			    },
		     	error:function(){
		   		alert("系统出错误,请联系技术人员");
			   }
			 });
		}
	}

function update(){
			var url= "${pageContext.request.contextPath}/bamjsp/appSystem/bindingACT/binset.jsp";
			var title = "修改图标";
  			var divtype = "urlsIcon";
			window.parent.showDiv(divtype,url,title); 
		}

</script>

  </head>
  
  <body>
   <div id="app_top"  style="height:5.4% ; ">
   			<div class="app_buwei"><span>顶部栏内容 </span></div>
   			<div style="line-height:260%;height:100%;background-color: #ff8000">
   			
   				<div style="height:100%;width: 5%;float: left; margin-left: 3%">
	   				<span class="idenName">名称:</span>
	   			</div>
   				<div style="height:100%;width: 10%;float: left; margin-left: 1%;">
	   				<c:forEach items="${requestScope.urls9}" var="u9">
	   					<input  style="border: none;outline:none;float: left;width: 100%;height:100%; background-color: #ff8000; color: white;font-size: 20px" 
	   							type = "text" value="${u9.urlText}" onblur="appName()" id ="appNametext">
	   					<input type="hidden" value="9" id ="appNamePorstion"/>
	   					<input type="hidden" value="${u9.urlText}" id ="appNametextH"/>
	   					<input type="hidden" value="${u9.area.id}" id ="appNameAreaid"/>
	   					<input type="hidden" value="${u9.id}" id ="appNameid"/>
	   					<input type="hidden" value="1" id ="appNametype"/>
	   				 </c:forEach>
   				</div>
   				
   				
  				<div style="height:100%;width: 5%;float: left;">
	   				<span class="idenName">按钮:</span>
	   			</div>
   				<c:forEach items="${requestScope.urls2}" var="u2" varStatus="ur">
	   				<div style="height:100%;width: 8%;float: left;">
	   				<a href="javascript:void(0)" onclick="update()">
			   				<div style="height: 50%;width: 100%;margin-left: 10%">
			   					<img alt="" src="/wifiFILE/icon/appimg/frameIcon/${u2.pic}" style="height:100%;">
			   				</div>
			   				<div style="height: 50%; line-height:150%;width:100%; font-size: 10px; " onclick="update()">
			   					<span >${u2.urlText}</span>
			   				</div>	
			   			</a>	
		   				<div class="clear"></div>
	   				</div>
   				</c:forEach>
	   				
	   				
	   				
	   			<div style="height:100%;width: 7%;float: left;">
	   				<span class="idenName">下拉框:</span>
	   			</div>
	   			<c:forEach items="${requestScope.urls3}" var="u3">
		   				<div style="height:100%;width: 8%;float: left;background-color: white" >
				   				<a href="javascript:void(0)" onclick="update()">
				   				<div style="height: 60%;width: 100%;margin-left: 12.5%" onclick="update()">
				   					<img alt="" src="/wifiFILE/icon/appimg/frameIcon/${u3.pic}" style="height:100%;">
				   				</div>
				   				<div style="height: 50%; line-height:150%;width:100%; font-size: 10px; margin-left: 12%">
				   					<span >${u3.urlText}</span>
				   				</div></a>
			   				<div class="clear"></div>
		   				</div>
	   			</c:forEach>
   			</div>
   			<div class="clear"></div>
   		</div>
   		
   		<div id="app_centreT" class="app_kuang" style="height: 25% ;">
   			<div class="app_buwei"><span>轮播栏内容 </span></div>
   			<div style="float:left;overflow-x:visible ; width :96.5%;height: 100% ;overflow:auto;;"> 
	   			<c:forEach items="${requestScope.urls5}" var="u5" varStatus="u">
			   				<div style="height:75%;width: 18%;float: left; margin-left: 1.6%"   >
				   				<a href="javascript:void(0)" onclick="update()">
					   				<div style="height: 72%;width:50%;margin-top:5% " onclick="update()">
					   					<img alt="" src="/wifiFILE/icon/appimg/homepageIcon/${u5.pic}" style="height:100%">
					   				</div>
					   				<div style="height: 10%; line-height:150%;width:50%; font-size: 12px;">
					   					<span>${u.index+1}</span>.<span >${u5.urlText}</span>
					   				</div>
				   				</a>
			   				</div>
		   			</c:forEach>
	   			</div>
			 <div class="clear"></div>
   		</div>
   		
   		
   		
   		<div id="app_centreC" class="app_kuang" style="height: 21% ;">
   			<div class="app_buwei"><span>功能栏内容 </span></div>
   			<div style="float:left;overflow:auto; width :95%;height: 100% ;overflow:auto;"> 
	   			<c:forEach items="${requestScope.urls6}" var="u6" varStatus="u">
			   				<div style="height:70%;width: 7%;float: left; margin-left: 2%"   >
				   				<a href="javascript:void(0)" onclick="update()">
					   				<div style="height: 72%;width:100%;margin-top:15% " onclick="update()">
					   					<img alt="" src="/wifiFILE/icon/appimg/homepageIcon/${u6.pic}" style="height:67%">
					   				</div>
					   				<div style="height: 10%; line-height:150%;width:100%; font-size: 12px;">
					   					<span>${u.index+1}</span>.<span >${u6.urlText}</span>
					   				</div>
				   				</a>
			   				</div>
		   			</c:forEach>
	   			</div>
			 <div class="clear"></div>
   		</div>
   		<div id="app_centreB1" class="app_kuang" style="height: 21% ;">
   			<div class="app_buwei"><span>图标栏内容</span></div>
   			<div style="float:left;overflow:auto; width :95%;height: 100% ;overflow:auto;"> 
	   			<c:forEach items="${requestScope.urls7}" var="u7" varStatus="u">
			   				<div style="height:70%;width: 7%;float: left; margin-left: 2%"   >
				   				<a href="javascript:void(0)" onclick="update()">
					   				<div style="height: 72%;width:60%;margin-top:15% " onclick="update()">
					   					<img alt="" src="/wifiFILE/icon/appimg/homepageIcon/${u7.pic}" style="height:67%">
					   				</div>
					   				<div style="height: 10%; line-height:150%;width:80%; font-size: 12px;">
					   					<span>${u.index+1}</span>.<span >${u7.urlText}</span>
					   				</div>
				   				</a>
			   				</div>
		   			</c:forEach>
	   			</div>
			 <div class="clear"></div>
   		</div>
   		<div id="app_centreB2" class="app_kuang" style="height: 21% ;">
   			<div class="app_buwei"><span>广告栏内容</span></div>
   			<div style="float:left;overflow:auto; width :95%;height: 100% ;overflow:auto;;"> 
	   			<c:forEach items="${requestScope.urls8}" var="u8" varStatus="u">
			   				<div style="height:75%;width: 25%;float: left; margin-left: 2%"   >
				   				<a href="javascript:void(0)" onclick="update()">
					   				<div style="height: 72%;width:50%;margin-top:5% " onclick="update()">
					   					<img alt="" src="/wifiFILE/icon/appimg/homepageIcon/${u8.pic}" style="height:87%">
					   				</div>
					   				<div style="height: 10%; line-height:150%;width:50%; font-size: 12px;">
					   					<span>${u.index+1}</span>.<span >${u8.urlText}</span>
					   				</div>
				   				</a>
			   				</div>
		   			</c:forEach>
	   			</div>
			 <div class="clear"></div>
   		</div>
   		
   		<div id="app_bottom" class="app_kuang" style="height: 5.4% ;">
   			<div class="app_buwei"><span>底部栏内容</span></div>
   			
   			<div style="line-height:260%;height:100%;">
   			<div style="height:100%;width: 5%;float: left;margin-left: 3%">
	   				<span class="idenName">点击前:</span>
	   		</div>
   				<c:forEach items="${requestScope.urls1}" var="u1">
		   				<div style="height:100%;width: 6%;float: left;background-color: white" >
				   				<a href="javascript:void(0)" onclick="update()">
					   				<div style="height: 60%;width: 100%;margin-left: 12.5%" onclick="update()">
					   					<c:if test="${not empty u1.clickpic}">
					   						<img alt="" src="/wifiFILE/icon/appimg/frameIcon/${u1.clickpic}" style="height:100%;">
					   					</c:if>
					   				</div>
					   				<div style="height: 40%; line-height:150%;width:100%; font-size: 10px; margin-left: 12%">
					   					<span >${u1.urlText}</span>
					   				</div>
				   				</a>
			   				<div class="clear"></div>
		   				</div>
	   			</c:forEach>
	   			<div style="height:100%;width: 6%;float: left;margin-left: 3%">
	   				<span class="idenName">点击后:</span>
	   			</div>
   				<c:forEach items="${requestScope.urls1}" var="u1">
		   				<div style="height:100%;width: 5%;float: left;background-color: white">
				   				<a href="javascript:void(0)" onclick="update()">
					   				<div style="height: 60%;width: 100%;margin-left: 12.5%" onclick="update()">
					   					<c:if test="${not empty u1.pic}">
					   						<img alt="" src="/wifiFILE/icon/appimg/frameIcon/${u1.pic}" style="height:100%;">
					   					</c:if>
					   				</div>
					   				<div style="height: 50%; line-height:150%;width:100%; font-size: 10px; margin-left: 12%">
					   					<span >${u1.urlText}</span>
					   				</div>
				   				</a>
			   				<div class="clear"></div>
		   				</div>
	   			</c:forEach>
			 <div class="clear"></div>
			 </div>
   		</div>
  </body>
</html>
